var DP_DEVICE_PAGE = window.NameSpace || {};

DP_DEVICE_PAGE.createCircle = function(divId, planeId) {
	var dom = document.getElementById(divId);
	DP_GL_KPI = echarts.init(dom);

	DP_DEVICE_PAGE.loadKPI(planeId);

	return DP_GL_KPI;
}

DP_DEVICE_PAGE.loadKPI = function(planeId) {
	DP_GL_KPI.hideLoading();
	var labelTop = {
		normal : {
			label : {
				show : false,
				position : 'center',
				formatter : '{b}',
				textStyle : {
					baseline : 'bottom'
				}
			},
			labelLine : {
				show : false
			}
		}
	};
	var labelFromatter = {
		normal : {
			label : {
				show : true,
				position : 'center',
				formatter : function(params) {
					return 100 - params.value + '%'
				},
				textStyle : {
					color : '#666',
					fontSize : 32,
					align : 'center'
				}
			}
		},
	}
	var lableStyle = {
		normal : {
			color : '#eee',
			labelLine : {
				show : false
			}

		},
		emphasis : {
			color : 'rgba(0,0,0,0)'
		}
	};
	var radius = [ '55%', '65%' ];
	var option = {
		title : {
			text : '机载设备主要指标监控视图',
			x:'left'
		},
		color : [ '#00a1ff', '#ffae00', '#4ed852', '#ed7fbd' ],
		legend : {
			x : 'center',
			y : '90%',
			data : [ 'Server-CPU使用率', 'Server-内存使用率', 'CMT-CPU使用率', 'CMT-内存使用率' ],
			textStyle : {
				color : '#666',
				fontSize : 12
			}
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},
		series : [ {
			type : 'pie',
			center : [ '12.5%', '50%' ],
			radius : radius,
			x : 'center', // for funnel
			itemStyle : labelFromatter,
			data : []
		}, {
			type : 'pie',
			center : [ '37.5%', '50%' ],
			radius : radius,
			x : 'center', // for funnel
			itemStyle : labelFromatter,
			data : []
		}, {
			type : 'pie',
			center : [ '62.5%', '50%' ],
			radius : radius,
			x : 'center', // for funnel
			itemStyle : labelFromatter,
			data : []
		}, {
			type : 'pie',
			center : [ '87.5%', '50%' ],
			radius : radius,
			x : 'center', // for funnel
			itemStyle : labelFromatter,
			data : []
		} ]
	};

	$.ajax({
		url : "/device/loadDeviceKpi",
		data : {
			"planeId" : planeId
		},
		async : true,
		success : function(data) {
			var series = [];

			if (data.servercpu != undefined) {
				var servercpu = [ {
					name : 'other',
					value : 100 - parseInt(data.servercpu),
					itemStyle : lableStyle
				}, {
					name : 'Server-CPU使用率',
					value : data.servercpu,
					itemStyle : labelTop
				} ];
				option.series[0].data = servercpu;
			}

			if (data.servermem != undefined) {
				var servermem = [ {
					name : 'other',
					value : 100 - data.servermem,
					itemStyle : lableStyle
				}, {
					name : 'Server-内存使用率',
					value : data.servermem,
					itemStyle : labelTop
				} ];
				option.series[1].data = servermem;
			}

			if (data.cmtcpu != undefined) {
				var cmtcpu = [ {
					name : 'other',
					value : 100 - data.cmtcpu,
					itemStyle : lableStyle
				}, {
					name : 'CMT-CPU使用率',
					value : data.cmtcpu,
					itemStyle : labelTop
				} ];
				option.series[2].data = cmtcpu;
			}

			if (data.cmtmem != undefined) {
				var cmtmem = [ {
					name : 'other',
					value : 100 - data.cmtmem,
					itemStyle : lableStyle
				}, {
					name : 'CMT-内存使用率',
					value : data.cmtmem,
					itemStyle : labelTop
				} ];
				option.series[3].data = cmtmem;
			}

			DP_GL_KPI.setOption(option, true);

		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
			// setTimeout(DP_DEVICE_KPI.loadHealth , mp_refresh_time);
		}
	});

}